.card-list {
  height: calc(100vh - 100rpx);
  box-sizing: border-box;

  padding: 24rpx 24rpx 86rpx;

  .card-item {
    // margin-bottom: 24rpx;
    padding: 20rpx;
    box-sizing: border-box; //没有规定宽度和高度,这个有用吗
    border-radius: 16rpx;
    border: 2rpx solid #bfdcfe;
    background-color: #fff;
    margin-bottom: 24px;
    .card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      .left {
        color: #5e5e5e;
        font-size: 34rpx;
        line-height: 40rpx;
        font-weight: bold;
      }
      .right {
        display: flex;
        align-items: center;
        color: #3dd990;
        width: 160rpx;
        height: 50rpx;
        background: #dff7ed;
        box-shadow: inset 0rpx 0rpx 2rpx 0rpx rgba(61, 217, 144, 0.06);
        border-radius: 4rpx;
        box-sizing: border-box;
        padding: 4rpx 10rpx;
        font-weight: bold;
        font-size: 24rpx;
        line-height: 28rpx;
        image {
          width: 28rpx;
          height: 28rpx;
          margin-right: 10rpx;
        }
      }
    }
    .card-middle {
      margin-top: 20rpx;
      font-family: Helvetica, Helvetica;
      font-size: 28rpx;
      color: #777777;
      .row1 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        view {
          display: flex;
          align-items: center;
          text {
            margin-right: 16rpx;
          }
        }
      }
    }
    .card-footer {
      display: flex;
      flex-direction: column;
      padding-top: 20rpx;
      .button-list {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        height: 50rpx;

        .button {
          display: flex;
          align-items: center;
          height: 50rpx;
          box-sizing: border-box;
          padding: 12rpx 20rpx;
          background: rgba(255, 255, 255, 0.6);
          border-radius: 9rpx 9rpx 9rpx 9rpx;
          border: 1rpx solid #afbaca;
          font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
          font-size: 28rpx;
          color: #3f8ffb;
          &:last-of-type {
            margin-left: 20rpx;
          }
          image {
            width: 30rpx;
            height: 30rpx;
            margin-right: 5rpx;
          }
        }
      }
      .collapse-content {
        margin-top: 26rpx;
        .order-item {
          padding: 20rpx 0;
          border-bottom: 2rpx solid #e5e7ea;
          .order-title {
            color: rgba($color: #5e5e5e, $alpha: 0.8);
            .order-number {
              color: #5e5e5e;
              height: 40rpx;
              font-weight: bold;
              font-size: 24rpx;
              line-height: 40rpx;
              padding-right: 20rpx;
            }
            .solution-responsible {
              display: flex;
              align-items: center;
              margin-top: 20rpx;
              font-family: Helvetica, Helvetica;
              font-size: 24rpx;
              color: #777777;
              text {
                margin-right: 16rpx;
              }
            }
          }
          .order-middle {
            display: flex;
            width: 100%;
            padding: 20rpx 0;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;

            .img-list {
              width: 580rpx;
              height: 180rpx;
              white-space: nowrap;
              align-items: center;
              // box-sizing: border-box;
              .img-item {
                display: inline-block;
                width: 175rpx;

                /* 设置图片的宽度 */
                height: 175rpx;
                margin-right: 24rpx;
                overflow: hidden;

                /* 设置图片的高度 */
                border-radius: 12rpx;
                &:last-child {
                  margin-right: 0;
                }
                image {
                  width: 100%;

                  /* 设置图片宽度为100% */
                  height: 100%;

                  /* 设置图片高度为100% */
                  object-fit: cover;

                  /* 图片按比例缩放并保持宽高比 */
                }
              }
            }

            .img-number {
              text-align: left;
              flex: 1;
              font-size: 24rpx;
            }
          }
          .order-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-bottom: 10rpx;
            .more {
              display: flex;
              align-items: center;
              color: #afbaca;
              font-size: 28rpx;
              text {
                padding-left: 8rpx;
              }
            }
            .view-qc-report {
              border: 2rpx solid #3f8ffb;
              border-radius: 35rpx;
              box-sizing: border-box;
              padding: 10rpx 20rpx 10rpx;
              font-size: 28rpx;
              color: #3f8ffb;
              text-align: center;
            }
          }
        }
      }
    }
  }
}

.bottom-exit {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 86rpx;
  position: fixed;
  bottom: 0;
  background: rgba($color: #999, $alpha: 0.1);
  z-index: 999;
  width: 100%;
  padding: 0 24rpx;
  box-sizing: border-box;
  padding: 0 48rpx;
  .exit-button {
    padding: 10rpx 32rpx;
    background: #3f8ffb;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 32rpx;
    color: #ffffff;
    text-align: center;
  }
}
